<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/proList.css"/>
    <style >
        .textborder{
            border: #0C0C0C solid 1px;
            margin: auto;
        }
        .addbutton{
            margin-left: 129px;
        }
        .msg{
            color: red;

            margin-left: 908px;
        }
    </style>
</head>
<body><!------------------------------head------------------------------>

<%@ include file="header.jsp" %>

<!-----------------address------------------------------->
<div class="address">
    <div class="wrapper clearfix">
        <a href="indexselect">首页</a><span>/</span>
        <a href="selectproductlist?cid=${cate.CATE_ID }">${cate.CATE_NAME }</a><span>/</span>
        <a href="#" class="on">${p.PRODUCT_NAME }</a>
    </div>
</div><!-----------------------Detail------------------------------>
<div class="msg">${msg}</div>
<div class="detCon">
    <div class="proDet wrapper">
        <div class="proCon clearfix">
            <div class="proImg fl">
                <img class="det" src="${product.productPicture}"/>
            </div>
            <div class="fr intro">
                <form action="" name="pay"  method="post">
                <div class="title"><h4>${product.productName}</h4>
                    <p>【${product.classifyName}】</p><span>￥${product.productPrice}</span></div>
                <div class="proIntro">
                    <p>数量&nbsp;&nbsp;库存<span>${product.productAllnumber}</span>件</p>
                </div>
                    <input style="display: none" name="orderDetailId" value="${orderDetail.ordersDetailId}">
                    <div class="number">
                        <p class="num clearfix">
                            <a href="/user/orderdetailaddupdate?update=0&orderdetailid=${orderDetail.ordersDetailId}&productid=${product.productId}"><img class="fl sub" src="${pageContext.request.contextPath}/img/temp/sub.jpg" ></a>
                            <span datasrc="" class="fl">&nbsp;${orderDetail.productNumber}&nbsp;</span>
                            <a href="/user/orderdetailaddupdate?update=1&orderdetailid=${orderDetail.ordersDetailId}&productid=${product.productId}"><img class="fl add" src="${pageContext.request.contextPath}/img/temp/add.jpg"></a>
                    </div>
                <br><br><br>
                <div class="btns clearfix">
                    <button onclick="nowbuy()"><p class="buy fl">立即购买</p></button>
                    <button onclick="addbuy()" type="submit" class="addbutton"><p class="cart fr"> 加入购物车</p></button></div>
                </form>
            </div>
        </div>
    </div>
</div>



<div class="introMsg wrapper clearfix">
    <div class="msgL fl">
        <div class="msgTit clearfix"><a class="on">商品详情</a></div>
        <div class="msgAll">
            <div class="msgImgs">${product.productParticulars}<img src="${pageContext.request.contextPath}/img/temp/det01.jpg"><img src="img/temp/det02.jpg"><img
                    src="${pageContext.request.contextPath}/img/temp/det03.jpg"><img src="${pageContext.request.contextPath}/img/temp/det04.jpg"><img src="img/temp/det05.jpg"><img
                    src="${pageContext.request.contextPath}/img/temp/det06.jpg"><img src="${pageContext.request.contextPath}/img/temp/det07.jpg"></div>

        </div>
    </div>
    <div class="msgR fr" style="width:200px;"><h4>为你推荐</h4>
        <div class="seeList">
            <c:forEach var="rp" items="${linelists}">
                <a href="/user/findProduct?id=${rp.productId}">
                    <dl>
                        <dt><img src="${rp.productPicture}" width="161px" height="243px"></dt>
                        <dd>${rp.productName}</dd>
                        <dd>￥${rp.productPrice}</dd>
                    </dl>
                </a>
            </c:forEach>



           </div>
    </div>
</div>
<div class="like"><h4>最近访问</h4>
    <div class="bottom">
        <div class="hd"><span class="prev"><img src="${pageContext.request.contextPath}/img/temp/prev.png"></span><span class="next"><img
                src="${pageContext.request.contextPath}/img/temp/next.png"></span></div>
        <div class="imgCon bd">
            <div class="likeList clearfix">
                <div>


                    <c:forEach var="p" items="${lists}">
                        <a href="/user/findProduct?id=${p.productId}">
                            <dl>
                                <dt><img src="${p.productPicture}"></dt>
                                <dd>${p.productName}</dd>
                                <dd>￥${p.productPrice}</dd>
                            </dl>
                        </a>
                    </c:forEach>


                  </div>
            </div>
        </div>
    </div>
</div><!--返回顶部-->
<div class="gotop"><a href="showcart">
    <dl class="goCart">
        <dt><img src="${pageContext.request.contextPath}/img/gt1.png"/></dt>
        <dd>去购<br/>物车</dd>
        <span>3</span></dl>
</a><a href="#" class="dh">
    <dl>
        <dt><img src="${pageContext.request.contextPath}/img/gt2.png"/></dt>
        <dd>联系<br/>客服</dd>
    </dl>
</a><a href="mygxin.html">
    <dl>
        <dt><img src="${pageContext.request.contextPath}/img/gt3.png"/></dt>
        <dd>个人<br/>中心</dd>
    </dl>
</a><a href="#" class="toptop" style="display: none;">
    <dl>
        <dt><img src="${pageContext.request.contextPath}/img/gt4.png"/></dt>
        <dd>返回<br/>顶部</dd>
    </dl>
</a>
    <p>400-800-8200</p></div>
<div class="msk"></div><!--footer-->
<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot1.png"/></a><span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot2.png"/></a><span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot3.png"/></a><span class="fl">满599包邮</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot4.png"/></a><span class="fl">手机特色服务</span>
            </div>
        </div>
    </div>
    <p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br/>
        违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p></div>
<script src="${pageContext.request.contextPath}/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/nav.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/pro.js" type="text/javascript" charset="utf-8"></script>

<script >
    function nowbuy() {
        document.pay.action="/user/orderdetailsavebuy"
        document.pay.submit();
    }
    function addbuy() {
        document.pay.action="/user/orderdetailsave"
        document.pay.submit();

    }
</script>
</body>
</html>
